<div>
<app-form [form]="data"  class="app-formctrl">
        <ng-template let-form>
        <div [hidden]="$activeFormPage !== 'formpage1'"  class="app-form-page">
     <ion-item-group [hidden]="!detailsModel.group1?.visible" class="app-form-group">
                    <Accordion [defaultActiveKey]="'0'" class="app-form-group-accordion">
                        <AccordionPanel key="0" header="合同基本信息" [disabled]="false" class="app-form-group-accordion-panel non">
                                <app-form-item [field]="detailsModel.xmname">
    <ng-template let-xmname>
        <ion-item lines="none" [hidden]="!xmname?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目名称
               <span class="stars" *ngIf="!xmname.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-picker [(ngModel)]="form.xmname" [form]="form"  [disabled]="xmname.disabled" [(valueItem)]="form.xmid" [component]="getModalView('demo_xmmobpickupview')" style="width: 100%;"></app-picker>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.xmje">
    <ng-template let-xmje>
        <ion-item lines="none" [hidden]="!xmje?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目金额
               <span class="stars" *ngIf="!xmje.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-label class="app-form-label">{{form.xmje}}</ion-label>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.htname">
    <ng-template let-htname>
        <ion-item lines="none" [hidden]="!htname?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 合同名称
               <span class="stars" *ngIf="!htname.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.htname" (ionInput)="form.htname=$event.target.value"  [disabled]="htname.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.dfdw">
    <ng-template let-dfdw>
        <ion-item lines="none" [hidden]="!dfdw?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 对方单位
               <span class="stars" *ngIf="!dfdw.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.dfdw" (ionInput)="form.dfdw=$event.target.value"  [disabled]="dfdw.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.lxdh">
    <ng-template let-lxdh>
        <ion-item lines="none" [hidden]="!lxdh?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 联系电话
               <span class="stars" *ngIf="!lxdh.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.lxdh" (ionInput)="form.lxdh=$event.target.value"  [disabled]="lxdh.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.cgfs">
    <ng-template let-cgfs>
        <ion-item lines="none" [hidden]="!cgfs?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 采购方式
               <span class="stars" *ngIf="!cgfs.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.cgfs" (ionInput)="form.cgfs=$event.target.value"  [disabled]="cgfs.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.je">
    <ng-template let-je>
        <ion-item lines="none" [hidden]="!je?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 金额
               <span class="stars" *ngIf="!je.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.je" (ionInput)="form.je=$event.target.value"  [disabled]="je.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        </AccordionPanel>
                    </Accordion>
                </ion-item-group>

</div>

        </ng-template>
    </app-form>
<div>
